
<!DOCTYPE html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test_nav</title>
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="oppostore/rs/js/slides.min.jquery.js"></script>	
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<style type="text/css">
#mydiv{
	width: 400px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;

}
.new_notice {width:99.8%;font-size:18px;border:1px solid #DDDDDD;overflow:hidden;margin-top:14px;}
.new_notice h3 {position:absolute;left:16px;font-size:14px;margin-top:10px;}
.notices {width:958px;height:40px;position:relative;overflow:hidden; margin:auto;}
.notices a{font-size:14px;}
.notices a:hover{text-decoration:underline;}
.notice {width:500px;margin:auto;line-height:14px;}
.new_notice ul.slides_container {height:50px;width:680px;margin-right:0px;overflow:hidden;top:10px;}
.new_notice ul.slides_container li {height:50px;text-align:center;}
.new_notice .next {position:absolute;top:13px;left:900px;}
.new_notice .prev {position:absolute;top:13px;left:840px;}

</style>




</head>
<body>
	<div id="mydiv" >
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		  <!-- Indicators -->
		  <ol class="carousel-indicators">
		    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  </ol>

		  <!-- Wrapper for slides -->
		  <div class="carousel-inner" role="listbox" >
		    <div class="item active">
		      <img src="rsc/11.jpg" alt="海贼王1" width="400" height="300">
		      <div class="carousel-caption">
		        路飞
		      </div>
		    </div>
		    <div class="item">
		      <img src="rsc/22.jpg" alt="海贼王2" width="400" height="300">
		      <div class="carousel-caption">
		        艾斯
		      </div>
		    </div>
		    <div class="item">
		      <img src="rsc/33.jpg" alt="海贼王3" width="400" height="300">
		      <div class="carousel-caption">
		        梅丽
		      </div>
		    </div>
		  </div>

		  <!-- Controls -->
		  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
		    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		    <span class="sr-only">Previous</span>
		  </a>
		  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
		    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		    <span class="sr-only">Next</span>
		  </a>
		</div>
	</div>
    <div class="new_notice">
        <div class="notices">
            <div class="notice" id="slides2">
                <h3><a href="birth.php?tab_id=1">最新资讯</a>&nbsp;&nbsp;&nbsp;&nbsp;|</h3>             
                <ul class="slides_container">
                  <li>
                       <a href="shownews.php?tab_id=48">OPPO影音携手华数传媒推出在线视频服务</a>
                    </li>
                  <li>
                       <a href="shownews.php?tab_id=47">[活动结束]OPPO PM-3 & HA-2新品试听会武汉站</a>
                    </li>
                  <li>
                       <a href="shownews.php?tab_id=46">广州国际音响唱片展 OPPO最新音频展示</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=45">OPPO PM-3便携式平面振膜耳机 打造移动HIFI巅峰神器</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=42">极致原音 OPPO PM-1耳机斩获EISA年度HIFI大奖</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=41">【OPPO PM-2重磅上市】来重庆，让你体验极致原音！</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=40">OPPO PM-1平面振膜耳机臻享试听会，北京站圆满结束！</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=39">OPPO PM-1荣获EISA 2014-2015年度HIFI大奖</a>
                    </li>
                <li>
                    	<a href="shownews.php?tab_id=38">(活动结束)相约上海，OPPO PM-1臻享试听会</a>
                    </li>
                    <li>
                    	<a href="shownews.php?tab_id=37">avforums - OPPO PM-1平面振膜耳机评测 --蓝光巨头将它的目光转移到了耳机市场</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=36">数字家庭 - 走进OPPO PM-1耳机</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=35">cnet - OPPO新耳机，惊世之作PM-1</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=34">HiVi BestBuy 2014 夏季篇  OPPO BDP-103D、BDP-105D登上蓝光机类别榜首</a>
                    </li>
                     <li>
                    	<a href="shownews.php?tab_id=33">OPPO PM-1耳机 荣获欧洲顶级影音杂志WHATHIFI五星推荐</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=32">OPPO带你领略巴西世界杯视觉盛宴</a>
                    </li>
                <li>
                    	<a href="shownews.php?tab_id=31">业界革命，OPPO发布全球最高灵敏度平面振膜耳机PM-1（更新录像）</a>
                    </li>
               
                 <li>
                    	<a href="shownews.php?tab_id=30">2014SIAV上海国际高级Hi-Fi展</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=29">OPPO蓝光影音鉴赏会 北京站</a>
                    </li>
                <li>
                    	<a href="shownews.php?tab_id=27">BDP-105D首发！OPPO影音上海鉴赏会</a>
                    </li>
                 <li>
                    	<a href="shownews.php?tab_id=26">年终豪礼 刻不容缓</a>
                    </li>
                <li>
                    	<a href="shownews.php?tab_id=25">美国PCMag年度读者选择奖 OPPO蓝光成就三连冠</a>
                    </li>
                	                  
                </ul>
                <a href="#" class="prev prev1">下一条</a>
                <a href="#" class="next next1">上一条</a>
            </div>        
        </div>
    </div>

  <script type="text/javascript">
	    $(function(){
            $("#slides2").slides({
                preload: true,
                preloadImage: 'rs/images/loading.gif',
                play: 5000,
                pause: 5000,
                hoverPause: true,
                pagination:true,
                generatePagination: true,
                next : 'next1',
                prev : 'prev1'
                });
             
               
	        });


	    	    $(function(){
	    	$('.carousel').carousel({  
				    interval: 6000  
				});
	    });
		    
		    </script>
</body>
</html>